---
title: Compare icon vs favicon
layout: default
noindex: true
---
<p>This is a test page to compare the icons with the actual favicon.ico image from the website.</p>

{% assign sorted_pages = site.pages | sort:'sort' %}
<div class="logo-container">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>Icon</th>
            <th>Favicon</th>
            <th>Name</th>
        </tr>
        </thead>
        <tbody>
        {%- for logopage in sorted_pages %}{% if logopage.logohandle %}
        {%- capture iconfile %}{{ logopage.logohandle }}{{ '-icon.svg' }}{% endcapture %}
        {%- if logopage.images contains iconfile and site.data.favicons contains logopage.logohandle and site.data.favicons[logopage.logohandle] != '-' %}
            {% assign urlparts = logopage.website | split:"/" %}
        <tr>
            <td><img alt="icon of {{logopage.title}}" src="/logos/{{logopage.logohandle}}/{{iconfile}}" style="height: 64px; width: 64px;"/></td>
            <td><a href="{{logopage.website}}"><img alt="favicon from {{urlparts[2]}}" src="{{site.data.favicons[logopage.logohandle]}}" style="height: 64px; width: 64px;" /></a></td>
            <td><a href="{{ logopage.url }}{{site.indexpage}}">{{logopage.title}}</a></td>
        </tr>
        {% endif %}{% endif %}{% endfor %}
        </tbody>
    </table>
</div>